@charset   "utf-8";

body{
    background: #F5F5F5;
}
*{
    margin: 0;
    padding: 0;
    list-style: none;
}
a{
    text-decoration: none;
}
.x_ban{
    width: 1226px;
    height: 800px;
   
    margin: 0 auto;
}
.x_nei{
    font-size: 22px;
    
}
.x_tu{
    width:1226px;
    height: 420px;
    margin-top: 20px;
    display: flex;
     justify-content: space-around;
     transition: all 2s;
}
.x_shu{
    width: 300px;
    height: 420px;
//  border: 1px solid #000;
    margin-right: 15px;
    text-align: center;
    background: #fff;
    transition: all .3s;
    position: relative;
   
    img{
        margin-top: 25px;
    }
}

#banner .x_huang{
    font-size: 16px;
    color: #FFAC13;
    margin-top: 50px ;
    text-align: center;
}
.x_ha{
    font-size: 20px;
    margin-top: 25px;
}
.x_hui{
    font-size: 13px;
    color: #B0B0B0;
}
.x_qian{
    margin-top: 20px;
}
.x_niu{
    
    width: 80px;
    display: flex;
    justify-content: space-between;
   margin: 0 auto;
   margin-top: 10px;
    .x_dian{
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #B0B0B0;
        
    }
}
.x_lu{
   
    font-size: 16px;
    color: #A4D37D;
    margin-top: 50px ;
    text-align: center;
    
    img{
        width: 100px;
        height: 140px;
    }
    
}
.x_hun{
     font-size: 13px;
    color: #B0B0B0;
    margin-top: 25px;
}
.x_kuang{
    width: 125px;
    height: 30px;
    border: 1px solid #90CA60;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    color: #A4D37D;
    margin: 0 auto;
    margin-top: 20px;
}
.x_kuang:hover{
    background: #A4D37D;
    color: #fff;
    
}
.x_kuang1{
    width: 125px;
    height: 30px;
    border: 1px solid #FFAC13;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    color: #FFAC13;
    margin: 0 auto;
    margin-top: 20px;
}
.x_kuang1:hover{
    background: #FFAC13;
    color: #fff;
    
}
.x_hong{
    font-size: 16px;
    color: #E53935;
    margin-top: 50px ;
    text-align: center;
}
.x_qia{
     width: 125px;
    height: 30px;
    border: 1px solid #E53935;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    color: #E53935;
    margin: 0 auto;
    margin-top: 20px;
}
.x_qia:hover{
    background: #E53935;
    color: #fff;
}
.x_lan{
    font-size: 16px;
    color: #2196F3;
    margin-top: 50px ;
    text-align: center;
}
.x_bang{
    margin-top: 70px;
}

.x_shi{
    font-size:22px ;
    margin-top: 30px;
}
.x_bo{
    width:1226px ;
    height: 300px;
    margin-top: 20px;
// border: 1px solid #000;
   display: flex;
     justify-content: space-around; 
}
.x_xiao{
    width: 296px;
    height: 300px;
    margin-right: 12px;
//  border: 1px solid #000;
    text-align: center;
    background: #fff;
    transition: all .3s;
    position: relative;
}
.x_xiao:hover{
    box-shadow: 0px 0px 10px 5px #D9D0D0;
    transform: translate(0,-3px);
    
   
}
.x_zhi{
    font-size: 15px;
    margin-top: 30px;
}
.x_gong{
    font-size: 13px;
    color: #B7B0B0;
    margin-top: 10px;
}

#banner1{
                width: 302px;
                height: 422px;
                background: #fff;
               transition: all 2s;
   
    .swiper-button-prev{
     width: 18px;
     background-size: 18px;
     background: #999999;
     margin-left: -8px;
     font-size: 25px;
      line-height:44px ;
      text-align: center;
      color: #fff;
      display: none;
    }
     .swiper-button-next{
        width: 18px;
         background-size: 18px;
         background: #999999;
         margin-right: -8px; 
         font-size: 25px;
         line-height:44px ;
         text-align: center;
         color: #fff;
         display: none;
     }
     .swiper-pagination-bullet-active {
       background: #fff;
    } 
      li{
                border: 2px solid orange;
                width: 8px;
                height: 8px;
                margin-left: 15px;
                
            }    
 }
    #banner1:hover .swiper-button-prev{
        display: block;
        transition: all 2s; 
    }        
    #banner1:hover .swiper-button-next{
        display: block;
        transition: all 2s;
    }          
            
            
            

            
         
.swiper_btn{
                width: 40px;
                height: 40px;
                background-size: contain;
                 margin-top: 9px; 
                 
                }
            
           

.x_cha{
    width: 100%;
    display: flex;
    justify-content: space-between;
     p{
         width: 20px;
         height: 20px;
         border-radius: 50%;
         background: #B0B0B0;
         color: #fff;
         text-align: center;
         font-weight: bolder;
         
     }
     p:hover{
         background: #FF6700;
     }
}
.x_p{
    margin-top: 30px;
    font-size: 16px;
    display: flex;
    justify-content: space-between;
}
.x_p:hover{
    color: #FF6700;
    
}


.x_tou{
                width: 40px;
                height: 25px;
                border-radius:15px;
                //background:rgba(0,0,0,0.3) ;
                position: absolute;
                left: 20px;
                top: 145px;
                
                
                img{
                    width: 40px;
                    height: 30px;
                    position: absolute;
                    margin-left: -20px;
                    margin-top: -2px;
                }
                
            }
            
            
            

            .bian{
                background:#FF6700 ;
            }
            .Popup{position: fixed;top: 0;right: 0; bottom: 0; left: 0;z-index: 1050;opacity: 1;color: #333;display: none;}

            .PopupShow{display: block;}
            .Popup-dialog{width: 600px;margin: 0 auto;position: fixed;top: -1000px;left: 0;right: 0;
                
            }
            
            .Popup-content{background-color:#fff;border-radius: 6px;border: 1px solid rgba(0,0,0,0.2);box-shadow: 0 5px 15px rgba(0,0,0,0.5);width: 300px;height: 300px;}
            .Popup-header{padding: 15px;border-bottom: 1px solid #e5e5e5;}
            .Popup-body{padding: 15px;}
            .Popup-footer{padding: 15px;border-top: 1px solid #e5e5e5;text-align: right;}
            .Popup-backdrop{position: fixed;  top: 0;  right: 0;  bottom: 0;  left: 0;  z-index: 1040;  background-color: #000;opacity: 0.3;display: none;background: rgba(0,0,0,0.3);}
            .Popup_fade{display: none;}
            .Popup_in{opacity: 1;display: block;}
            .Popup_in2{opacity: 0.5;display: block;}
            .close{font-size: 20px;float: right;width: 20px;}
            .x_mo{
                font-size: 30px;
                text-align: center;
                line-height: 300px;
                color: greenyellow;
 
            }
            .glyphicon{
               line-height: 5px;
                font-size: 18px;
                color: #fff;
            }
            
.x_tou:hover{
 background:#FF6700 ;    
}
.bei{
    background: #F5F5F5;
}
